<template>
  <div class="com">
   <div>
     <slot name="left" :person="person">我是左边的插槽</slot>
   </div>
   <div>
     <slot name="center">我是中间的插槽</slot>
   </div>
    <div>{{ title }}</div>
    <div>
      <slot :person="person">Elsa</slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Com',
  props: {
    title: {
      type: String,
      default: '登录'
    }
  },
  data(){
    return {
      person:{
        name:'Elsa',
        age:18
      }
    }
  }
}
</script>

<style scoped>

</style>
